<template>
  <ul class="todo-main">
    <Item v-for="item in todoList" v-bind="item" :key="item.id" :deleteTodo="deleteTodo" :changeTodoChecked="changeTodoChecked"/>
  </ul>
</template>

<script>
import Item from "@/components/Item";
export default {
  name: "List",
  props:['todoList','deleteTodo','changeTodoChecked'],
  components: {Item}
}
</script>

<style scoped>
@import "@/assets/css/List.css";
</style>